<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>jQuery</title>
	<!-- The Main CSS File -->
	<link rel="stylesheet" href="css/style.css" />
	<script src="js/jquery-1.7.2.min.js"></script>
	<script src="js/jquery-ui-1.8.21.min.js"></script>
	<script src="js/main.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
	<div class="copyrights"></div>
	<header class="main_header">
		<div class="wrapper">
			<div class="logo">
				<img src="Images/jqueryUI_logo.png" />
			</div>
		</div>
	</header>

	<div class="wrapper small_menu">
		<ul id="smalltabul" class="menu_small_buttons">
			<!-- <li><a title="General Info" class="i_22_dashboard smActive" href="index.html"></a></li> -->
		</ul>
	</div>
	<div class="wrapper contents_wrapper">	
		<aside class="sidebar">
			<ul id="tabul" class="tab_nav"></ul>
		</aside>
		<div class="contents">
			<div class="grid_wrapper">			
				<div class="g_12">
					<div class="para">jQuery UI 与 jquery 的主要区别是：</div>
					<div class="para">(1) jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。</div>
					<div class="para">(2) jQuery
						UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。</div>
				</div>	
			</div>
		</div>

	</div>

	<footer>
		<div class="wrapper">
			<span class="copyright"></span>
		</div>
	</footer>
	<script type="text/javascript">
	$(function () {
		$("#tabul .jq_index").addClass("active_tab"); 
		$("#smalltabul .jq_index ").addClass("smActive"); 
	});
	</script>
</body>
</html>